<template>
  <i :class="[family, icon]"></i>
</template>

<script setup>
/** 接口 (组件的接口)。例如：props、双向绑定 prop、自定义事件声明、插槽声明、组件公开属性声明 */
defineProps({
  family: {
    type: String,
    default: 'iconfont'
  },
  icon: {
    type: String,
    required: true
  }
})

/** 本地状态 (本地的响应式 property)。包括：ref、computed */

/** 事件（通过响应式事件触发的回调）。包括：watch */

/** 生命周期钩子（按照它们被调用的顺序）。包括：onBeforeMount、onMounted、onBeforeUpdate、onUpdated、onBeforeUnmount、onUnmounted */

/** 非响应式的 property (不依赖响应系统的实例 property)。包括：常规函数 */

/** 其它 */
</script>

<style scoped></style>
